.CalendarField { float: left; }

.CalendarField .grid	{
	width:100%; height:100%; cursor:default; text-align:center;
}

.CalendarField span	{
	display:block; float:left; width:12.8%; height:8%; padding:1.8% 0; background:#eee; margin:1px 1px 0 0; border:1px solid #eee;
	color:#777; line-height:138%; font-size:11px; 
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}

.CalendarField .header	{
	width:98.6%; height:14.8%; background:#4a4a4a;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.CalendarField .header .arrow	{
	height:100%; width:14%; cursor:pointer;
}
.CalendarField .header .arrow:hover	{ opacity:0.68; }
.CalendarField .header .arrow.left		{
	float:left; background: url(http://central.onedotonly.be/style/form/arr.l.white.png) no-repeat center;
}
.CalendarField .header .arrow.right	{
	float:right;  background: url(http://central.onedotonly.be/style/form/arr.r.white.png) no-repeat center;
}
.CalendarField .header .month	{
	float:left; height:100%; width:72%; cursor:pointer;
	color:#eee; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; line-height:28px;
}

.CalendarField .days	{ width:100%; height:10%; }
.CalendarField .days span	{
	height:100%; padding:0; background: #CBC7BF; border-color:#CBC7BF;
	font-family:georgia, serif; font-style:italic; color:white;
}

.CalendarField span.blur	{ opacity:0.38; }
.CalendarField span.active	{
	background:white; cursor:pointer; border-color:white;
	color:#333; font-weight:bold;
}
.CalendarField span.blur.active	{ background:#eee; }
.CalendarField span:hover	{
	opacity:1;
	color:#8F6917;
}
.CalendarField span.today	{
	background:#8F6917 !important; 
	color:white;
}

.CalendarField.scale	{ zoom: 1.2; -moz-transform: scale(1.2); }

/* MINI */
.CalendarField.mini	{
	width:428px; height:178px; padding:24px 10px 2px 0;
}

.CalendarField.mini .grid	{
	margin-left:48%; width:52%;
}

/* BIG */
.CalendarField.big	{
	width:520px !important; height:360px; padding:24px 10px;
}

.CalendarField.big .grid	{
	width:100%;
}

.CalendarField.big .header	{
	width:98,2%; height:12%; background:#4a4a4a;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.CalendarField.big .header .month	{
	font-size:16px; line-height:36px;
}
.CalendarField.big span	{
	width:13.5%; height:8%; padding:1.6% 0; 
}
.CalendarField.big span.node	{
	background:#e9e9e9; border-color:#e9e9e9;
	line-height:240%; font-size:12px;
}
.CalendarField.big span.node:hover	{
	border-color:#ccc;
}
.CalendarField.big span.active:hover	{
	background:white;
}
.CalendarField.big span.active	{
	background:#f9f9f9; border-color:#ddd;
}

.CalendarField.big .days	{ height:5.2%; }
.CalendarField.big .days span	{ height:100%; }

/*REACT:INFO*/
.CalendarField .info	{
	width:38%; margin:0 2% 0 0; padding:4%; height:92%; background:white; float:left;
	color:#777; font-size:11px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.CalendarField .info h1	{ margin:0; }
.CalendarField .info ul	{
	margin:10px 0 0; padding:0; list-style:none;
	font-color:#ccc; line-height:13px;
}
.CalendarField .info li	{ padding:2px 0; }
.CalendarField .info ul strong	{
	display:block; color:#4a4a4a;
}

/*REACT:MULTI*/
.CalendarField .multi	{
	position:absolute; padding:12px; background:#4a4a4a; border:1px solid white; list-style: none;
	color:#999; font-size:11px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.32); -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.32);
}
.CalendarField .multi li	{
	line-height:15px; padding:3px 0;
}
.CalendarField .multi a	{
	color:white; font-size:12px; font-weight:bold;
}
.CalendarField .multi a.bio	{
	padding:0 4px; background:#222;
	color:#4a4a4a; font-size:10px; font-weight:normal; font-family:georgia, serif; font-style:italic;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}











/*////////////////////////// DEPRECATED ////////////////////////////*/

.refcal.multi	{
	width:520px; padding:26px 24px 2px;
}
.refcal.multi table	{
	width:520px;
}
.refcal.multi td	{
	height:42px; border:1px solid #ddd; background:#ddd;
	font-size: 14px;
}
.refcal.multi .cheader td	{
	height:32px; background:#333; border:none; font-size:16px; 
}
.refcal.multi .cheader td:hover, .refcal.multi .cfirst td:hover	{
	border:none; color:white; 
}
.refcal.multi .cfirst td	{
	font-size:10px; height:24px; border:none; background:#CBC7BF;
}
.refcal.multi .active	{
	background:white;
}
.refcal.multi td.now	{
	background:#bbb; border:#999 1px dotted; font-size:17px;
}
.refcal.multi td:hover	{
	border:#aaa 1px solid;
}